﻿
/* CSS Document */
html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; }

/* IE5.xIE6бbug */ 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 

/* body */ 
body{color:#333; font:12px/22px "Microsoft YaHei";} 
i, em, cite { font-style: normal; }

/* a */ 
a, a:link { color:#222; text-decoration: none; }
a:visited {  }
a:active, a:hover { text-decoration:none; color:#5f5b5a; }
a:focus { outline:none; }

/* li */ 
ul,li{list-style-type:none;} 

/* img */ 
img{border:0 none; vertical-align:middle;} 

/* h* */ 
h1{ font-size:24px;} 
h2{ font-size:20px;} 
h3{ font-size:18px;} 
h4{ font-size:16px;} 
h5{ font-size:14px;} 
h6{ font-size:12px;} 

.lf{overflow:hidden; display:block; float:left; }
.rf{overflow:hidden; display:block; float:right;}
.rel{position:relative;}
.wrapper{ margin:0 auto; width:1100px;}
.wrap{ margin:0 auto; width:1100px; overflow:hidden;}
.header{ width:100%; overflow:hidden;}
.t {height: 35px;width: 100%;background-color: #efefef;}
.t_n {height:35px;font-size: 14px;}
.t_nl {float: left;height: 35px;width: 500px;color: #666;line-height: 35px;}
.tel {background: url(../images/tel.jpg) no-repeat left center;float: left;height: 35px;line-height: 35px;padding-left: 25px;}
.mail {line-height: 35px;background:url(../images/mail.jpg) no-repeat left center;float: left;height: 35px;padding-left: 25px;
margin-left: 20px;}
.r_nr {float: right;height: 35px;width: 500px;line-height: 35px;color: #666;text-align: right;}
.r_nr a {color: #666;}
.r_nr a:hover {color: #00990d;}

.top {height:120px;}
.logo{float:left; margin-top:30px;}
.logo h1{color:#00990d; padding-bottom:10px;}
.logo span{ font-size:16px;}
.tel_r {float:right; margin-top:30px; padding-left:50px;background:url(../images/tel_r.png) no-repeat 0 center;}
.tel_r h3{ color:#F60;}

.navBox{width:100%; height:50px; line-height:50px; background-color:#00990d; z-index:1000;}
#nav{ height:50px; }
#nav li{ float:left; line-height:50px; text-align:center; overflow:hidden;}
#nav li a{ display:block; color:#FFF; width:157px;}
#nav li a:hover{ background-color:#F60; }
#nav li.current a{ background-color:#F60;}
#nav li:hover .nav_submenu {display: block;}
#nav li .nav_submenu {display: none;position:absolute; width:110px; }
#nav li .nav_submenu a{ background-color:#FFF; color:#333;height:35px; line-height:35px;}
#nav li .nav_submenu a:hover {background-color:#F60;color:#FFF;}


.lubo{ width:100%; min-width:1000px;clear:both; position: relative; height:480px;}
.lubo_box{ position: relative; width:100%; height:480px; }
.lubo_box li{ float: left;position: absolute; top:0; left:0; width:100%; height:480px; opacity:0;filter:alpha(opacity=0);}
.lubo_box li a{ display:block;width:100%; height:100%;}
.lubo_box li img{ width:100%; height:480px;}
/*圆点*/
.cir_box{ overflow:hidden; position: absolute; top:440px; height: 5px; z-index: 100;}
.cir_box li{ float:left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #000 !important;}
 /*按钮*/
.lubo_btn{ position: absolute; width: 100%; top:200px;}
.left_btn, .right_btn{ width:30px; height:80px; background:#000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size:30px; text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}

.main{ width:100%; overflow:hidden;}
.about{ margin-top:40px;}
.about .a_pic{float:left;width:450px;height:300px;}
.about .a_pic img{width:450px;height:300px;}
.a_text{float: left;height:300px;width:575px;margin-left:75px;}
.a_text a{ color:#F60;}
.a_text a:hover{ text-decoration:underline;}
.a_text h5{color:#00990d;}
.a_text dl{float: left;height:180px;width:575px;margin-top:15px;display:block;}
.a_text dl dt{}
.a_text dl dd{background:url(../images/icon1.jpg) no-repeat left center;height:30px;width: 555px;line-height:30px;padding-left: 20px;}

.i_product{ height:500px; margin-top:50px;background:url(../images/bg1.jpg) no-repeat center center;}
.i_title{ margin-top:30px; height:70px; line-height:30px; text-align:center; overflow:hidden;}
.i_title h2{ color:#FFF;}
.i_title span{ color:#ccc;}
.i_title i{ display:block; margin:0 535px; width:30px; height:5px; background-color:#00990d; overflow:hidden;}

/* marqueeleft */
.marqueeleft{ float:left;width:1100px;height:310px; margin-top:30px; overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;display:inline; margin-right:10px;width:274px;height:310px;overflow:hidden;}
.marqueeleft li img{ padding:1px; width:272px; height:258px;}
.marqueeleft li h4{text-align:center;height:50px; line-height:50px; overflow:hidden;}
.marqueeleft li a{ display:block;background:#00990d;color:#FFF;}
.marqueeleft li a:hover{background:#F60;}

.newsBox{ margin-top:40px;}
.newsBox h3{ color:#00990d;}
.i_newslist{ float:left; width:720px; overflow:hidden;}
.i_newslist ul{ margin-top:30px;}
.i_newslist li{ margin-bottom:20px; width:100%; height:80px; border-bottom:1px dotted #ccc;}
.i_newslist li .time{ float:left; width:60px; height:50px; line-height:25px; padding-top:10px; text-align:center; color:#FFF; background:#00990d;}
.i_newslist li .text{ float:left; margin-left:20px; width:640px; height:60px; line-height:20px; font-size:12px; }
.i_newslist li .text p{ color:#666;}

.i_ry{ float:left; width:256px; margin-left:122px;}
.ryCont {position: relative;width: 256px;height: 325px;border: 1px solid #e7e7e7;overflow: hidden;}
.ryCont ul {padding-top: 38px;margin: 0px auto;width: 170px;overflow: hidden;}
.ryCont li {width: 170px;float: left;text-align: center;}
.ryCont li h5 {margin-top: 14px;font-weight: normal;font-size: 13px;}
.ryCont li h5 a {color: #333;}
.ryCont .btnLeft,.ryCont .btnRight {position: absolute;top: 50%;margin-top: -20px;width: 18px;height: 26px;}
.ryCont .btnLeft {left: 12px;background: url(../images/huiBtnLeft.png) no-repeat center;}
.ryCont .btnRight {right: 12px;background: url(../images/huiBtnRight.png) no-repeat center;}

.footer{ width:100%; margin-top:40px; background:#242424; overflow:hidden;}
.adv01{ width:100%; height:80px; color:#FFF;background:#F60; overflow:hidden;}
.adv01 h2{ height:30px; line-height:30px; padding-top:10px; }
.adv01 span{ font-size:14px;}
.adv01 h5{ position:absolute; top:20px; right:0; }
.adv01 h5 a{ display:block; width:150px; height:35px; line-height:35px; text-align:center; color:#F60;background:#FFF;}
.adv01 h5 a:hover{ background:#000;}

.footer_nav{ width:100%; margin-top:30px; padding:0 5px; text-align:center; }
.footer_nav a{ padding:0 20px; color:#FFF;}
.footer_nav a:hover{ color:#F60;}
.copy{ padding:20px 0; line-height:25px; color:#CCC; text-align:center;}


.nr_top{ width:100%; height:180px;overflow:hidden; position:relative;}
.banner_nr{ width:100%; height:180px;overflow:hidden; position:relative;}
.banner_nr img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.homebox{ position:absolute; top:40px; left:50%; margin-left:-580px; width:1160px; height:250px; overflow:hidden;}
.home{ margin-top:30px; padding-left:10px; height:50px; text-align:center;}
.home h1{ color:#00990d; padding-bottom:5px;}
.home span{ color:#FFF;}
.home span a{ color:#FFF;}

.info{ padding:30px 0;}
.info img{ max-width:1160px;}
.nr_text{ line-height:30px; font-size:14px;}

.newslist{ width:100%; margin-top:30px; overflow:hidden;}
.newslist li{ margin-bottom:20px; width:100%; height:80px; border-bottom:1px dotted #ccc;}
.newslist li .time{ float:left; width:60px; height:50px; line-height:25px; padding-top:10px; text-align:center; color:#FFF; background:#00990d;}
.newslist li .text{ float:left; margin-left:20px; width:1020px; height:60px; line-height:20px; font-size:12px; }
.newslist li .text p{ color:#666;}

/*分页样式*/
.pagelink{ float:right; height:26px; line-height:26px; background-color:#ddd; margin:20px 0 0 0; padding:0 10px;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

.posts{ width:100%; text-align:center; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #CCCCCC;}
.posts h2{ color:#00990d;}
.posts h6{ padding-top:10px; color:#666; font-weight:normal;}
.newstext{ padding-top:20px;}
.pageNavi{ padding-top:10px;border-top:1px dotted #CCCCCC;}

.p_nav{ width:100%; padding-bottom:20px; margin-bottom:20px; text-align:center; border-bottom:1px solid #CCC; overflow:hidden;}
.p_nav a{ float:left; display:block; padding:5px; margin:0 5px; background:#00990d; color:#FFF;}
.p_nav a:hover{ background:#F60;}

.productlist{ width:100%; overflow:hidden;}
.productlist li{float:left;display:inline; margin:10px 6px;width:260px;height:300px;overflow:hidden;}
.productlist li .pic01{display:block;width:260px;height:260px;background:#CCC;overflow:hidden;}
.productlist li .pic01 img{ padding:1px; width:258px; height:258px;}
.productlist li .txt{text-align:center;height:40px; overflow:hidden;}
.productlist li .txt a{ display:block;background:#CCC; line-height:40px;}
.productlist li .txt a:hover{background:#00990d;color:#FFF;}
.p_pic{ text-align:center; padding-bottom:30px; }

#faqbox { }
#faqbox .faqline{ line-height:2em; height:35px; text-align:left}
#faqbox .faqline .faqtit{  width:80px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:80px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}

/*在线客服*/
.main-im{ position:fixed; right:0; top:200px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #F60; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background:url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #F60;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background:url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background:url(../images/open_im.png) no-repeat left top; }
